<!DOCTYPE html>
<html>
<head>
	<meta charset='utf-8' />
	<meta http-equiv="X-UA-Compatible" content="chrome=1" />
	<title>Validation-for-bootstrap</title>
	<meta name="description" content="Validation-for-bootstrap : 基于Bootstrap的jQuery表单验证插件" />
	<link href="http://fatesheep.github.io/Validation-for-Bootstrap/bootstrap/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>

		<form id="form" class="form-horizontal">
			<legend>Demo</legend>
			<div class="control-group">
				<label class="control-label" for="inputEmail">邮箱</label>
				<div class="controls">
					<input type="text" id="inputEmail" check-type="mail" mail-message="邮箱格式不正确！" >
				</div>
			</div>
			<div class="control-group">
				<label class="control-label" for="inputPassword">密码</label>
				<div class="controls">
					<input type="password" id="inputPassword" check-type="required" required-message="密码不能为空！" >
				</div>
			</div>
			<div class="control-group">
				<div class="controls">
					<button type="submit" class="btn">登录</button>
				</div>
			</div>
		</form>
    
  </body>
<script src="<?php echo Fw::app()->baseUrl?>/js/jquery-1.9.1.min.js"></script>

<script src="<?php echo Fw::app()->baseUrl?>/js/bootstrap.min.js"></script>
<script src="<?php echo Fw::app()->baseUrl?>/js/bootstrap-validation.min.js"></script>
<script>$('#form').validation();</script>
</html>
